<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>我的消息</title>
    <link rel="stylesheet" href="../../../assets/common/common.css" />
    <link rel="stylesheet" href="../../../assets/iconfont/iconfont.css" />
    <link rel="stylesheet" href="./children.css" />
  </head>
  <body>
    <div class="children">
      <div class="banner pl-15 pr-15 bg-fff bold flex aic jc-sb f20 b-b">
        <a
          href="javascript:history.back(-1)"
          class="iconfont icon-zuojiantou"
        ></a>
        <span>消息</span>
        <a href="" class="iconfont"></a>
      </div>
      <div class="newList bg-fff">
        <div class="item pl-20 pr-20 b-b flex aic jc-sb">
          <div class="box fcc bg-bule">
            <img src="../../../assets/img/My/u10305.png" alt="" />
          </div>
          <div class="fdc fg1 ml-10">
            <span>审批通过提醒</span>
            <span class="mt-10 gary f10">您提交的补卡申请已通过</span>
          </div>
          <div class="fdc">
            <span class="gary f12">2021-04-30</span>
            <span class="iconfont icon-ditu-yuan base mt-20"></span>
          </div>
        </div>
        <div class="item pl-20 pr-20 b-b flex aic jc-sb">
          <div class="box fcc bg-red">
            <img src="../../../assets/img/My/u2397_selected.png" alt="" />
          </div>
          <div class="fdc fg1 ml-10">
            <span>工资条发放通知</span>
            <span class="mt-10 gary f10">本月工资明细已发送，点击查看</span>
          </div>
          <div class="fdc">
            <span class="gary f12">2021-04-30</span>
            <span class="iconfont icon-ditu-yuan base mt-20"></span>
          </div>
        </div>
        <div class="item pl-20 pr-20 b-b flex aic jc-sb">
          <div class="box fcc bg-yellow">
            <img src="../../../assets/img/My/u10319.png" alt="" />
          </div>
          <div class="fdc fg1 ml-10">
            <span>日程提醒</span>
            <span class="mt-10 gary f10"
              >您发起的待办任务即将到期，请尽快处理</span
            >
          </div>
          <div class="fdc">
            <span class="gary f12">2021-04-30</span>
            <span class="iconfont icon-ditu-yuan base mt-20"></span>
          </div>
        </div>
        <div class="item pl-20 pr-20 b-b flex aic jc-sb">
          <div class="box fcc bg-green">
            <img src="../../../assets/img/My/u10326.png" alt="" />
          </div>
          <div class="fdc fg1 ml-10">
            <span>完善档案提醒</span>
            <span class="mt-10 gary f10">请尽快完善您的员工档案信息</span>
          </div>
          <div class="fdc">
            <span class="gary f12">2021-04-30</span>
            <span class="iconfont icon-ditu-yuan base mt-20"></span>
          </div>
        </div>
      </div>
      <div class="fotBanner gary fcc f14">没有更多数据了～</div>
    </div>
  </body>
  <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  <script></script>
</html>
